<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加品牌</title>
</head>
<body>
<h3>添加品牌</h3>
<form action="" method="post">
    品牌名称: <input id="brandName" name="brandName"><br>
    企业名称: <input id="companyName" name="companyName"><br>
    排序: <input id="ordered" name="ordered"><br>
    描述信息: <textarea rows="5" cols="20" id="description" name="description"></textarea><br>
    状态:
    <input type="radio" name="status" value="0">禁用
    <input type="radio" name="status" value="1">启用<br>

    <input type="button" id="btn" value="提交">
</form>

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script>
    document.getElementById("btn").onclick=function (){
        var formData={
            brandName:"",
            companyName:"",
            ordered:"",
            description:"",
            status:""
        }

        let brandName=document.getElementById("brandName").value;
        formData.brandName=brandName;
        let companyName=document.getElementById("companyName").value;
        formData.companyName=companyName;
        let ordered=document.getElementById("ordered").value;
        formData.ordered=ordered;
        let description=document.getElementById("description").value;
        formData.description=description;
        let status=document.getElementsByName("status");
        for(let i=0;i<status.length;i++){
            if(status[i].checked){
                formData.status=status[i].value;
            }
        }



        axios({
            method:"post",
            url:"http://localhost:8080/ajax_demo_war/addServlet",
            data:formData
        }).then(function (resp){
            if(resp.data=="success"){
                window.location.href="http://localhost:8080/ajax_demo_war/brand.html";
            }
        })
    }
</script>


</body>
</html>